<template>
  <div class="home-header-container">
    <h3> 数据统计 </h3>
    <Tabs>
      <TabPane label="当日数据" icon="ios-chatbubbles"> 
        <Button type = "info"> 新增用户 </Button>
        <Button type = "info"> 新增订单 </Button>
        <Button type = "info"> 新增管理员 </Button>
      </TabPane>
      <TabPane label="总数据" icon="logo-github">
        <Button type = "info"> 注册用户 </Button>
        <Button type = "info"> 订单 </Button>
        <Button type = "info"> 管理员 </Button>  
      </TabPane>
    </Tabs>
  </div>
</template>

<script>
import {
  Tabs,TabPane,Button
}from 'iview'
export default {
  components: {
    Tabs,TabPane,Button    
  }
}
</script>

<style lang="stylus" scoped>
  .home-header-container 
    padding 20px 0 0 30px
    h3
      text-align center
      font-size 30px
      margin-bottom 10px
      font-weight bold 
    .ivu-btn-info 
      margin-right 20px
</style>


